Build Reference · v0.9

The complete build manifest.

Every file, every screen, every component — one searchable reference for the entire ModelPilot AI product surface.

17+

HTML pages

React components

In-app screens

Deck slides

Email templates

Section 01 — Pages

Every page, linked.

Marketing site, auth flow, in-app dashboards, utility pages, and the pitch deck. Click any card to open.

Marketing

Landing Page

ModelPilot Landing.html

Editorial cream marketing page with orbit hero, manifesto, use cases, bento product grid, showcase tabs, providers, pricing, FAQ.

Santhira aestheticmain entry

Application

Main App

ModelPilot AI.html

Full SaaS dashboard with 15 screens, sidebar nav, command palette (⌘K), notifications, Ask Pilot AI assistant, dark mode toggle.

Claude Desktop UIcore product

Auth

ModelPilot Sign In.html

Split-layout auth with animated dashboard preview. Password + Magic Link tabs, Google/GitHub OAuth, forgot password flow.

Multi-methodauth entry

Auth

ModelPilot Sign Up.html

2-step signup: account details + workspace setup. Password strength meter, industry grid, team size selector.

2-step wizardonboarding

Sales Tool

Case Studies

ModelPilot Cases.html

4 detailed customer stories (Stackly, Glossly, Chatlytics, MintHR) with metrics, sparklines, quotes, and CTAs.

Conversion4 stories

Sales Tool

ROI Calculator

ModelPilot ROI.html

Live calculator with 5 industry presets, sliders, animated counters, competitor comparison bars, shareable report.

vs Intercom · Drift · Adainteractive

Marketing

Templates Gallery

ModelPilot Templates.html

12 chatbot templates with search + 7-category filters, star ratings, deploy counts, color-themed cards.

12 templates1-click install

Marketing

Documentation Site

ModelPilot Docs.html

Full docs site with sidebar nav, Quick Start guide, API reference, code blocks with syntax highlighting, callouts.

15+ doc pagesdeveloper-focused

Marketing

Changelog

ModelPilot Changelog.html

5 release entries (v0.5 → v0.9) with tagged changes (New/Improved/Fixed/Breaking) and subscribe form.

5 releasestimeline format

Utility

Status Page

ModelPilot Status.html

Live uptime monitor with 8 services, 90-day bar charts, incident timeline, real-time metrics, subscribe form.

99.98% uptimetrust-building

Utility

404 Page

ModelPilot 404.html

Friendly error page with floating bot animation, quick-link rescue grid, gradient 404 numeral.

Animated boterror recovery

Utility

Mobile Widget Preview

ModelPilot Mobile Widget.html

iOS frame with live chat widget, accent color picker, real Claude AI, copy-able embed snippet.

iOS device framelive AI

Deck

Pitch Deck

ModelPilot Deck.html

13-slide investor deck: title hero · problem · solution · product suite · builder · RAG · agents · analytics · stack · pricing · traction · roadmap · CTA.

1920×1080PPTX exportable

Email Templates

ModelPilot Emails.html

5 transactional templates: Welcome · Magic Link · Handoff Alert · Budget Warning · Weekly Digest.

5 templatestabbed preview

⚙

Utility

Technical Architecture

ModelPilot AI - Technical Architecture.html

Engineering blueprint — full stack diagram, data model, deployment topology.

For engineersspec doc

Section 02 — In-App Screens

Inside the app.

15 screens accessible from the sidebar in ModelPilot AI.html.

◈

Dashboard

KPI cards · area chart · bot donut · recent conversations table

◉

Chatbots

Bot cards · 3-tab editor (Config / Personality / Live AI Preview)

◎

AI Agents

6 pre-built agents (FAQ, Support, Sales, Language, Onboarding, Handoff)

◇

Knowledge Base

Drag-drop uploads · URL scraping · FAQ editor · chunking settings

◆

AI Providers

8 free/open-source providers · LiteLLM configs · setup guides

◍

Analytics

Bar charts · model distribution · hour-of-day heatmap · top convos

☰

Conversation Logs

Filterable table · transcript viewer · cost breakdown · export CSV

⊞

Embed Widget

Live customizer · color/position controls · embed code generator

⊕

Integrations

Webhooks · delivery logs · 6 apps (n8n, Slack, Zapier, Make, HubSpot, Zendesk)

⊛

API Keys

Generate scoped keys · curl docs · revoke flow · usage tracking

◻

Team & Roles

Members table · role selector · invite flow · plan-aware limits

○

Activity Feed

Audit log · 14 event types · search + filter pills · expandable metadata

◯

Account Settings

Profile · password + 2FA · sessions · notification prefs · danger zone

◐

Billing & Usage

Current plan · usage meters · payment method · invoice history

⊙

Technical Docs

Sprint plan · DB schema · code snippets · architecture overview

Section 03 — Components

Reusable building blocks.

14 React components powering the in-app experience. All loaded via Babel inline JSX in ModelPilot AI.html.

Shell

CDShell

components/CDShell.jsx

Sidebar nav + top bar · workspace switcher · user avatar

Shell

SidebarV2

components/SidebarV2.jsx

Premium nav variant with gradient logo + section labels

Screen

DashboardV2

components/DashboardV2.jsx

SVG charts · KPI sparklines · donut · recent table

Screen

ChatbotBuilderV2

components/ChatbotBuilderV2.jsx

Bot cards + modal editor with live Claude AI preview

Screen

KB & Providers

components/KBandProviders.jsx

Knowledge Base + legacy AI Providers V2

Screen

AIProvidersV3

components/AIProvidersV3.jsx

8 free/OSS providers · LiteLLM YAML · setup wizard

Screen

ScreensV2

components/ScreensV2.jsx

Conversation Logs · Widget · Pricing · Team · Onboarding

Screen

AnalyticsScreen

components/AnalyticsScreen.jsx

KPI sparklines · bar charts · heatmap · top conversations

Screen

IntegrationsAPI

components/IntegrationsAPI.jsx

Webhooks + API Keys screens with curl reference

Screen

AgentsSettings

components/AgentsSettings.jsx

AI Agents + Technical Blueprint screens

Screen

AccountBilling

components/AccountBilling.jsx

Account Settings + Billing & Usage screens

Screen

ActivityFeed

components/ActivityFeed.jsx

Workspace audit log · 14 events · filter + search

Overlay

CommandPalette

components/CommandPalette.jsx

⌘K palette + notifications panel

Overlay

AskPilot

components/AskPilot.jsx

Floating AI assistant powered by Claude

Section 04 — Stack

What it's built on.

Production-ready open-source infrastructure. Self-hostable end to end.

The stack, by layer.

Frontend

Next.js 14

React 18

Tailwind CSS

ShadCN UI

React Query

Zustand

Backend API

FastAPI

Python 3.12

Pydantic v2

LiteLLM Gateway

Celery + Redis

Server-Sent Events

Data & Auth

PostgreSQL (Supabase)

Qdrant (vectors)

Redis (cache + rate limit)

Row Level Security

Magic Link · OAuth · SSO

AI Models

OpenAI GPT-4o

Anthropic Claude 3.5

Google Gemini 1.5

Groq · Mistral · Cohere

Ollama (local) · Codex · Gemma 4

Orchestration

Flowise (agents)

n8n (workflows)

Unstructured.io (ingestion)

text-embedding-3-small

DevOps

Railway (backend)

Vercel (frontend)

GitHub Actions

Sentry · PostHog

Stripe (billing)

Conversation flow · request to response

User

→

Widget

→

FastAPI

→

Embed query

→

Qdrant

→

LiteLLM

→

LLM

→

SSE stream

→

User

Section 05 — Next

What's next.

Candidate features for v0.10 — pick any to build.

A/B

A/B Bot Variants

Split traffic between two prompt/model configs · track winner by metric

CMP

Pricing Comparison

Feature matrix vs Intercom · Drift · Ada · Zendesk · captures "X vs Y"

VRT

Vertical Landings

/for-saas · /for-ecommerce · /for-hr — tailored copy + screenshots

AND

Android Widget Preview

Android frame for the mobile widget · Material 3 styling

MPL

Multiplayer Presence

See who else is editing a bot · live cursors · @mentions on configs

REF

Referral Program

Affiliate dashboard · share links · credit tracking · payouts